.layout-container {
  display: flex;
  height: 100%;
}

.sidebar {
  width: 240px;
  background-color: #f8f9fa;
  padding: 20px;
  border-right: 1px solid #eee;
  text-align: center;
}

.menu-list {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}
/* 点击选中的时候总是在视觉上有改变就给固定的宽高 */
.menu-list li {
    width: 240px;
    height: 80px;
    line-height: 50px;
  padding: 12px 0;
  cursor: pointer;
  
  /* transition: all 0.3s; */
}
/* 一开始就有个默认的选中 */
.menu-list li.active {
  color: #ff8000;
  border-left: 3px solid #ff8000;
  background-color: #fff;
  border-right: none;   
   width: 240px;
}
/* 鼠标划过的样式 */
.menu-list li:hover{
color: #ff8000;
  border-left: 3px solid #ff8000;
 background-color: #fff;
   cursor: pointer;
}

.content {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}

.form-header {
  margin-bottom: 20px;
}

.save-btn {
  background-color: #ff8000;
  color: white;
  border: none;
  padding: 10px 30px;
  border-radius: 5px;
  cursor: pointer;
}